<!DOCTYPE html>
<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<html>
		<head>
			<meta charset="utf-8">
			<title>我的订单</title>
			<link rel="stylesheet" type="text/css" href="css/index.css">
			<link rel="stylesheet" type="text/css" href="css/ziy.css">
			<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
			<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.source.js"></script>
			<style>
				.jinp_tuij_lb li {
					margin-right: 3%;
					width: 31%;
				}

				.jinp_tuij_lb li:nth-child(3n+3) {
					margin-right: 0;
				}

				.jinp_tuij_lb li>a:first-of-type,
				.jinp_tuij_lb li>a:first-of-type>img {
					width: 100%;
				}
				.tempWrap {
					width: 100% !important;
				}
				.logo {
					width: 20% !important;
				}

				.search {
					width: 35% !important;
				}

				.search>input {
					width: 50% !important;
				}

				.myGomeWeb {
					display: flex;
					justify-content: center;
				}

				.myGomeWeb>div {
					float: none;
				}

				.myGomeWeb>div:first-of-type {
					margin-right: 30px;
				}
			</style>
		</head>
		<body>
			<!--头部-->
			<div id="header">
				<div class="header-box">
					<h3 class="huany">23215220322 唐铭阳</h3>
					<ul class="header-left">

					</ul>
					<ul class="header-right">
						<li class="denglu dengl_hou">
							<div>
								<a class="red" href="dengl.html">Hi~冷冰冰</a>
								<i class="icon_plus_nickname"></i>
								<i class="ci-leftll">
									<s class="jt">◇</s>
								</i>
							</div>
							<div class="dengl_hou_xial_k">
								<div class="zuid_xiao_toux">
									<a href="#"><img src="images/我的订单/头像.png"></a>
								</div>
								<div class="huiy_dengj">
									<a class="tuic_" href="#">退出</a>
								</div>
								<div class="toub_zil_daoh">
									<a href="#">待收货订单</a>
									<a href="gouw_che.html">我的购物车</a>
									<a href="#">个人资料</a>
								</div>
							</div>
						</li>
						<li class="shu"></li>
						<li class="denglu"><a class="ing_ps" href="wod_shouc.html">我的收藏</a></li>
						<li class="shu"></li>
						<li class="denglu"><a class="ing_ps ps1" href="#">我的订单</a></li>
						<li class="shu"></li>
						<li class="denglu"><a class="ing_ps ps2" href="shengq_shouh.html">售后服务</a></li>
						<li class="shu"></li>
						<li class="shouji bj">
							<a class="ing_ps ps3" href="#">手机醒肤</a>
							<i class="ci-right ">
								<s class="jt">◇</s>
							</i>
							<div class="shouji1">
								<img src="images/我的订单/二维码2.jpg" class="shouji4">
								<div class="shouji2">
									<p>醒肤客户端</p>
									<p class="red">首次下单满99元，送99元</p>
								</div>
								<div class="yi">
									<img src="images/我的订单/二维码2.jpg" class="shouji4">
									<div class="er">
										<p>醒肤微信公众号</p>
										<p class="red">关注醒肤公众号的积分，换大礼</p>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
			<div class="hongs_beij">
				<div class="beij_center">
					<div class="wode_tongc_logo">
						<a class="tongc_logo" href="index.html"></a>
						<a class="fanh_shouy" href="index.html" target="_blank">返回首页</a>
					</div>
					<div class="navitems">
						<ul>
							<li><a href="ger_zhongx.html"><span>我的订单</span> </a></li>
							<li>
								<div class="zhangh_dl">
									<div class="zhangh_dt"><span>账号设置</span><i>◇</i></div>
									<div class="zhangh_dd">
										<a href="#">个人信息</a>
										<a href="#">账户安全</a>
										<a href="#">收货地址</a>
									</div>
								</div>
							</li>
						</ul>
					</div>
					<div class="nav_r">
						<div id="search_2014">
							<div class="form">
								<input type="text" class="gerzx_text">
								<button class="button1"></button>
							</div>
						</div>
						<div id="settleup_2014">
    <div class="cw_icon">
        <a href="gouw_che.html"><span>购物车<em id="cart-count">0</em>件</span></a>
        <i class="ci-right "><s class="jt">◇</s></i>
    </div>
    <div class="dorpdown-layer">
        <div class="smt"><h4 class="fl">最新加入的商品</h4></div>
        <ul id="cart-list"></ul>
    </div>
</div>
					</div>
				</div>
			</div>
			<!---->
			<div class="wod_tongc_zhongx">
				<div class="beij_center">
					<div class="myGomeWeb">
						<!--侧边导航-->
						<div class="tod_tongc_zuoc">
							<div class="zuoc_toux">
								<div class="toux_kuang">
									<div class="userImage">
										<div class="myGome_userPhoto">
											<img src="images/我的订单/头像.png">
										</div>
									</div>
									<div class="user_name_Level">
										<p class="user_name" title="冷冰冰">冷冰冰</p>
										<p class="userLevel">会员：<span class="levelId icon_plus_nickname"></span></p>
									</div>
								</div>

								<div class="user_counts">
									<ul>
										<li>
											<div class="count_item">
												<a href="#">
													<i class="count_icon count_icon01"></i> 待付款
													<em id="waitPay">0</em>
												</a>
											</div>
										</li>
										<li>
											<div class="count_item">
												<a href="#">
													<i class="count_icon count_icon02"></i> 待发货
													<em id="waitPay">1</em>
												</a>
											</div>
										</li>
										<li>
											<div class="count_item">
												<a href="#">
													<i class="count_icon count_icon03"></i> 待收货
													<em id="waitPay">0</em>
												</a>
											</div>
										</li>
										<li>
											<div class="count_item">
												<a href="#">
													<i class="count_icon count_icon04"></i> 待评价
													<em id="waitPay">2</em>
												</a>
											</div>
										</li>
									</ul>
								</div>
							</div>
							<div class="wod_tongc_daoh_lieb">
								<div class="diy_top">
									<ul>
										<h3>订单中心</h3>
										<li><a href="wod_dingd.html">我的订单</a></li>
										<li><a href="#">退换货单</a></li>
										<li><a href="#">评价晒单</a></li>
									</ul>
									<ul>
										<h3>管理中心</h3>
										<li><a href="wod_shouc.html">我的收藏</a></li>
										<li><a href="#">投诉管理</a></li>
									</ul>
								</div>
								<div class="diy_top">
									<ul>
										<h3>账户设置</h3>
										<li><a href="#">基本资料</a></li>
										<li><a href="#">账户安全</a></li>
										<li><a href="#">收货地址</a></li>
									</ul>
								</div>
							</div>
						</div>
						<!--左边内容-->
						<div class="mod_main">
							<div class="jib_xinx_kuang">
								<div class="shand_piaot">我的订单</div>
								<div class="tab_trigger tab_trigger_wod_dd">
									<ul>
										<li><a class="text_shaid" href="#">全部</a></li>
										<li><a class="text_shaid" href="#">代付款</a>
											<p class="sup">0</p>
										</li>
										<li><a class="text_shaid" href="#">待收货</a>
											<p class="sup">1</p>
										</li>
										<li><a class="text_shaid" href="pingj_shaid.html">待评价</a>
											<p class="sup">2</p>
										</li>
									</ul>
								</div>
								<div class="wod_dingd_shuaix">
									<div class="combox">
										<div><span class="c-lable" val="1">近三个月的订单</span><i></i></div>
										<ul class="c-list-value">
											<li class=""><a href="#" val="1">近三个月的订单</a></li>
											<li class=""><a href="#" val="2017">今年内订单</a></li>
											<li class=""><a href="#" val="2016">2019年订单</a></li>
											<li class=""><a href="#" val="2015">2018年订单</a></li>
											<li class=""><a href="#" val="3">2018年以前订单</a></li>
										</ul>
									</div>
									<p class="dingd_huis_zhan"><a href="#">订单回收站</a></p>
									<div class="search_box">
										<input type="text" placeholder="订单编号" class="seach_inpt">
										<input type="button" value="" class="search-btn">
									</div>
								</div>
								<table class="order-tb order-tb_1">
									<colgroup>
										<col class="number-col">
										<col class="consignee-col">
										<col class="amount-col">
										<col class="operate-col">
										<col class="dis_col">
									</colgroup>
									<thead>
										<tr>
											<th>订单详情</th>
											<th>金额</th>
											<th>
												<div class="combox combox_2">
													<div><span class="c-lable" val="1">订单状态</span><i></i></div>
													<ul class="c-list-value">
			  									<li class=""><a href="#" val="2017">等待付款</a></li>
														<li class=""><a href="#" val="2016">等待收货</a></li>
														<li class=""><a href="#" val="2015">已完成</a></li>
														<li class=""><a href="#" val="3">已取消</a></li>
													</ul>
												</div>
											</th>
											<th>收货人</th>
											<th>操作</th>
										</tr>
									</thead>
									<tbody>
										<tr class="sep-row">
											<td colspan="4"></td>
										</tr>
										<tr class="tr-th">
											<td colspan="5">
												<span class="gap"></span>
												<span class="dealtime span_30" title="2022-12-12 10:30:42">2025-6-13
													17:16:00</span>
												<span class="number span_30">订单号：<a href="#"
														target="_blank">62938990891</a></span>
												<span class="span_30"><a href="#">This Works海外旗舰店</a></span>
												<span class="wod_sc_delete_beij span_30"><a href="#"
														class="wod_dingd_delete"></a></span>
											</td>
										</tr>
										<tr class="tr-bd">
											<td rowspan="1">
												<div class="goods-item">
													<div class="p-img">
														<a target="_blank" href="#">
															<img src="images/提交订单/彼得罗夫.jpg" alt="">
														</a>
													</div>
													<div class="p-msg">
														<div class="p-name">
															<a target="_blank" href="#">彼得罗夫水漾透明质酸云朵面霜 50ml</a>
															<p class="yiwanc_hui"><a href="#">申请售后</a></p>
														</div>
													</div>
												</div>
												<div class="goods-number">x1</div>
											</td>
											<td rowspan="1">
												<div class="zhif_jine">
													<p>总额¥391.50</p>
													<span>在线支付</span>
												</div>
											</td>
											<td rowspan="1">
												<div class="operate">
													<p class="yiwanc_hui">已完成</p>
													<a href="#" target="_blank" class="a-link">订单详情</a><br>
												</div>
											</td>
											<td rowspan="1">
												<div class="txt_ren">
													<span>冷冰冰</span>
													<p class="ren_tub"></p>
												</div>
											</td>
											<td rowspan="1">
												<div class="operate">
													<a href="#" target="_blank" class="a-link">评价</a>丨<a href="#"
														target="_blank" class="a-link">晒单</a><br>
													<a href="#" target="_blank" class="btn-def">再次购买</a>
												</div>
											</td>
										</tr>
									</tbody>
									<tbody>
										<tr class="sep-row">
											<td colspan="4"></td>
										</tr>
										<tr class="tr-th">
											<td colspan="5">
												<span class="gap"></span>
												<span class="dealtime span_30" title="2022-12-12 10:30:42">2020-12-22
													17:16:00</span>
												<span class="number span_30">订单号：<a href="#"
														target="_blank">62938990890</a></span>
												<span class="span_30"><a href="#">伊丽莎白雅顿官方旗舰店</a></span>
												<span class="wod_sc_delete_beij span_30"><a href="#"
														class="wod_dingd_delete"></a></span>
											</td>
										</tr>
										<tr class="tr-bd">
											<td>
												<div class="goods-item">
													<div class="p-img">
														<a target="_blank" href="#">
															<img src="images/我的订单/伊丽莎白雅顿.jpg" alt="">
														</a>
													</div>
													<div class="p-msg">
														<div class="p-name">
															<a target="_blank" href="#">伊丽莎白雅顿视黄醇神经酰胺胶囊 | 90 粒</a>
															<p class="yiwanc_hui"><a href="#">申请售后</a></p>
														</div>
													</div>
												</div>
												<div class="goods-number">x1</div>
											</td>
											<td rowspan="2">
												<div class="zhif_jine">
													<p>总额￥488.00</p>
													<span>在线支付</span>
												</div>
											</td>
											<td rowspan="2">
												<div class="operate">
													<p class="yiwanc_hui">已完成</p>
													<a href="#" target="_blank" class="a-link">订单详情</a><br>
												</div>
											</td>
											<td rowspan="2">
												<div class="txt_ren">
													<span>冷冰冰</span>
													<p class="ren_tub"></p>
												</div>
											</td>
											<td rowspan="2">
												<div class="operate">
													<a href="#" target="_blank" class="a-link">评价</a>丨<a href="#"
														target="_blank" class="a-link">晒单</a><br>
													<a href="#" target="_blank" class="btn-def">再次购买</a>
												</div>
											</td>
										</tr>
										<tr class="tr-bd">
											<td rowspan="1">
												<div class="goods-item">
													<div class="p-img">
														<a target="_blank" href="#">
															<img src="images/我的订单/灿橘.jpg" alt="">
														</a>
													</div>
													<div class="p-msg">
														<div class="p-name">
															<a target="_blank" href="#">伊丽莎白雅顿 超补水以及橘灿抗衰老日间精华套装</a>
															<p class="yiwanc_hui"><a href="#">申请售后</a></p>
														</div>
													</div>
												</div>
												<div class="goods-number">x1</div>
											</td>
										</tr>
									</tbody>
								</table>
								<div class="gerzx_fany">
									<a href="#" class="shangxy">上一页</a>
									<a href="#">1</a>
									<a href="#" class="shangxy">上一页</a>
								</div>
							</div>
						</div>
						<!--左边内容结束-->
					</div>
				</div>
			</div>
			<!--底部-->
			<div class="dib_beij dib_beij_ger_zhongx">
				<div class="dib_jvz_beij">
					<div class="shangp_baoz">
						<p>追溯源头&nbsp;&nbsp;购物无忧</p>
						<p class="beng1">假一赔十&nbsp;&nbsp;正品保证</p>
						<p class="beng2">低价实惠&nbsp;&nbsp;帮你省钱</p>
						<p class="beng3">闪电直发&nbsp;&nbsp;专业配送</p>
					</div>
					<div class="zhongj_youx">
						<div class="lieb_daoh">
							<h4>物流配送</h4>
							<ul>
								<li><a href="#">配送查询</a></li>
								<li><a href="#">配送服务</a></li>
								<li><a href="#">配送费用</a></li>
								<li><a href="#">配送时效</a></li>
								<li><a href="#">签收与验货</a></li>
							</ul>
						</div>
						<div class="lieb_daoh">
							<h4>支付与账户</h4>
							<ul>
								<li><a href="#">货到付款</a></li>
								<li><a href="#">在线支付</a></li>
								<li><a href="#">账户安全</a></li>
							</ul>
						</div>
						<div class="lieb_daoh">
							<h4>购物帮助</h4>
							<ul>
								<li><a href="#">购物保障</a></li>
								<li><a href="#">购物流程</a></li>
								<li><a href="#">联系我们</a></li>
							</ul>
						</div>
						<div class="lieb_daoh">
							<h4>售后服务</h4>
							<ul>
								<li><a href="#">退换货服务</a></li>
								<li><a href="#">退款说明</a></li>

							</ul>
						</div>
						<div class="lieb_daoh">
							<div class="kef_dianh">
								<p>客服电话</p><span>400-1009-727</span>
							</div>
							<div class="kef_dianh kef_dianh_youx">
								<p>意见收集邮箱</p>
								<p>199384884@.com</p>
							</div>
						</div>
						<div class="lieb_daoh lieb_daoh_you">
							<div class="erw_ma_beij">
								<div class="erw_m">
									<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
									<span>扫码下载醒肤客户端</span>
								</div>
								<div class="erw_m">
									<h1><img src="images/我的订单/二维码2.jpg" style="width: 127px; height: 127px;"></h1>
									<span>扫码下载醒肤客户端</span>
								</div>
							</div>
						</div>
					</div>
					<div class="beia_hao">
						<p>粤ICP备：20219999号 粤ICP证：22-20200727号 </p>
						<p class="gonga_bei">粤公网安备：7271999002737910号</p>
						<div class="renz_">
							<span></span>
							<span class="span1"></span>
							<span class="span2"></span>
							<span class="span3"></span>
						</div>
					</div>
				</div>
			</div>
			<script>
function renderCart() {
    let cart = JSON.parse(localStorage.getItem('cart')) || [];
    document.getElementById('cart-count').innerText = cart.reduce((sum, i) => sum + i.count, 0);
    let ul = document.getElementById('cart-list');
    if(cart.length === 0){
        ul.innerHTML = '<li class="meiyou">购物车为空</li>';
        return;
    }
    ul.innerHTML = cart.map(item => `
        <li>
            <div class="gouwc_tup">
                <a href="#"><img src="images/我的订单/默认图片.jpg" style="width:40px;height:40px;"></a>
            </div>
            <div class="gouwc_biaot">
                <a href="#">${item.name}</a>
            </div>
            <div class="gouwc_shanc">
                <span>¥${item.price}</span>
                <span>x${item.count}</span>
            </div>
        </li>
    `).join('');
}
renderCart();
</script>
		</body>
	</html>
